<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

		<title>Activities</title>
		<link href="css/common.css" rel="stylesheet" type="text/css"/>
		<link href="css/custom.css" rel="stylesheet" type="text/css" />
		<link href="css/UI.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="js/jquery1.7.2.js"></script>
		<script type="text/javascript">
		$(document).ready(function(){
			$('#header').load('common/header.html','',function(){
				$("#header .menu li a").removeClass("current_page");
          		$("a#act").addClass("current_page");
			});
			$('#footer').load('common/footer.html');
		});
		</script>
		
	</head>

	<body> 
		<div id="header"></div>
			<div class="activities_bg_top"></div>
			<div class="Lottery_Now">
				<div class="activities_bg_body">
					<div class="content_container">
						<div class="Lottery_Now_left">
						<span class="l_left_top"><p>Lottery&nbsp;Now</p></span>
							<div class="l_left_body">
								<h3>Macbook Book</h3>
								<img src="img/Lottery_computer.png" />
								<a href="#" class="Lottery_logo">
								</a>
							</div>
						<span class="l_left_foot"></span>
						</div>
						<div class="Lottery_Now_right">
							<span class="l_right_top"></span>
							<div class="l_right_body">
								<div class="l_right_body_top">
									<img src="img/Lottery_computer_2.png" />
									<h3>Macbook Book</h3>
									<p>The Mac is designed to
										be life lasting, efficient
										operationApple's designe
										and engineers put a lot
										...
									</p>
								</div>
								<div class="winning_list">
									<a class="winning_list_more a_underline" href="act_lottery_list.html">More></a>
									<p>winning&nbsp;list</p>
									<ul>
										<li><a href="#"><img src="img/winning_list_ico.png"/><span>Jason</span></a></li>
										<li><a href="#"><img src="img/winning_list_ico.png"/><span>Jason</span></a></li>
										<li><a href="#"><img src="img/winning_list_ico.png"/><span>Jason</span></a></li>
										<li><a href="#"><img src="img/winning_list_ico.png"/><span>Jason</span></a></li>
										<li><a href="#"><img src="img/winning_list_ico.png"/><span>Jason</span></a></li>
									</ul>
								</div>
							</div>
							<span class="l_right_foot"><p>Last&nbsp;Lottery</p></span>					
						</div>		
					</div>
				</div>
			</div>
			
			
			
			<div class="content">
				<div class="content_container">
					<div class="content_top">
						<h5>Activities</h5>
						<ul>
							<li class="selected"><a href="#">week<em class="arrow_down_bg"></em></a></li>
							<li><a href="#">tLast week</a><em class="arrow_down_bg"></em></li>
							<li><a href="#">/This week</a><em class="arrow_down_bg"></em></li>
							<li><a href="#">/Next week<em class="arrow_down_bg"></em></a></li>
						</ul>
						<div class="search"><input class="search_input"  value="Activity name,address,intro"/><a href="#" title="search"></a></div>
					</div>
					<div class="content_list">
						<ul>
							<li>
								<a href="act_Lottery_content.html"><img src="img/Lottery_computer.png" /></a>
								<p>
									<h5><a href="act_Lottery_content.html">The Amazing Spider-Man</a></h5>
									15/7/2012 7:00pm~9:30pm | Cinema
									<p><span>90</span> people Participate</p>
								</p>
							</li>
							<li>
								<a href="act_Lottery_content.html"><img src="img/Lottery_computer.png" /></a>
								<p>
									<h5><a href="act_Lottery_content.html">The Amazing Spider-Man</a></h5>
									15/7/2012 7:00pm~9:30pm | Cinema
									<p><span>90</span> people Participate</p>
								</p>
							</li>
							<li>
								<a href="act_Lottery_content.html"><img src="img/Lottery_computer.png" /></a>
								<p>
									<h5><a href="act_Lottery_content.html">The Amazing Spider-Man</a></h5>
									15/7/2012 7:00pm~9:30pm | Cinema
									<p><span>90</span> people Participate</p>
								</p>
							</li>
							<li>
								<a href="act_Lottery_content.html"><img src="img/Lottery_computer.png" /></a>
								<p>
									<h5><a href="act_Lottery_content.html">The Amazing Spider-Man</a></h5>
									15/7/2012 7:00pm~9:30pm | Cinema
									<p><span>90</span> people Participate</p>
								</p>
							</li>
							<li>
								<a href="act_Lottery_content.html"><img src="img/Lottery_computer.png" /></a>
								<p>
									<h5><a href="act_Lottery_content.html">The Amazing Spider-Man</a></h5>
									15/7/2012 7:00pm~9:30pm | Cinema
									<p><span>90</span> people Participate</p>
								</p>
							</li>
							<li>
								<a href="act_Lottery_content.html"><img src="img/Lottery_computer.png" /></a>
								<p>
									<h5><a href="act_Lottery_content.html">The Amazing Spider-Man</a></h5>
									15/7/2012 7:00pm~9:30pm | Cinema
									<p><span>90</span> people Participate</p>
								</p>
							</li>
							<li>
								<a href="act_Lottery_content.html"><img src="img/Lottery_computer.png" /></a>
								<p>
									<h5><a href="act_Lottery_content.html">The Amazing Spider-Man</a></h5>
									15/7/2012 7:00pm~9:30pm | Cinema
									<p><span>90</span> people Participate</p>
								</p>
							</li>
							<li>
								<a href="act_Lottery_content.html"><img src="img/Lottery_computer.png" /></a>
								<p>
									<h5><a href="act_Lottery_content.html">The Amazing Spider-Man</a></h5>
									15/7/2012 7:00pm~9:30pm | Cinema
									<p><span>90</span> people Participate</p>
								</p>
							</li>
							<li>
								<a href="act_Lottery_content.html"><img src="img/Lottery_computer.png" /></a>
								<p>
									<h5><a href="act_Lottery_content.html">The Amazing Spider-Man</a></h5>
									15/7/2012 7:00pm~9:30pm | Cinema
									<p><span>90</span> people Participate</p>
								</p>
							</li>
							<li>
								<a href="act_Lottery_content.html"><img src="img/Lottery_computer.png" /></a>
								<p>
									<h5><a href="act_Lottery_content.html">The Amazing Spider-Man</a></h5>
									15/7/2012 7:00pm~9:30pm | Cinema
									<p><span>90</span> people Participate</p>
								</p>
							</li>
						</ul>
					</div>
					<a class="Activities_more a_underline" href="#"> More 123 Activities >></a>
				</div>
			</div>
		<div id="footer">
				
		</div>
	</body>
</html>
